<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>

	<style>
	@media screen {
		#print-box{
			display: none;
		}
	}
	@media print {
		@page{
			size: auto;
			margin: 0;
		}
		#edit-form{
			display: none;
		}
		body{
			font-size: 9pt;
		}
		#print-box{
			border: 1px solid #0a4b3e;
			display: block;
		}
		#print-box .header{
			text-align: center;
		}
		#print-box .footer{
			text-align: right;
			margin-top: 10px;
		}
		#print-box .main .list{
			margin: 10px 0 10px 0;
		}
		#print-box .main ul{
			margin: 0;
			padding: 0;
			list-style-type: decimal; /* 设置为数字序号 */
			counter-reset: item-counter; /* 初始化计数器 */
		}
		#print-box .main ul li{
			list-style-type: decimal;
			list-style-position: inside;
			font-size: 9pt;
		}
		#print-box .main .text{
			text-align: center;
			font-size: 8pt;
			margin-top: 10px;
		}
		#print-box .main .text-context-box{
			margin-top: 10px;
		}
		#print-box .main .text-context{
			min-height: 60px;
		}
	}
</style>
	<script type="text/javascript">
	function print_page() {
		if (!!window.ActiveXObject || "ActiveXObject" in window) {
			remove_ie_header_and_footer();
		}
		window.print();
	};

	function remove_ie_header_and_footer() {
		var hkey_root, hkey_path, hkey_key;
		hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
		try {
			var RegWsh = new ActiveXObject("WScript.Shell");
			RegWsh.RegWrite(hkey_path + "header", "");
			RegWsh.RegWrite(hkey_path + "footer", "");
		} catch (e) {}
	}
	</script>
</head>
<body>
<div id="print-box">
	<div class="header">
		<h1>记忆小票</h1>
		<p>[ 新知识固化过程管理 ]</p>
	</div>
	<div class="main">
		<div class="user-info">
			<span>姓名: {$row.contact.name|htmlentities}</span>
			<span>日期：{:date('Y.m.d')}</span>
		</div>
		<div class="list">
			<p>今天记忆复习清单</p>
			<ul id="task"></ul>
		</div>
<!--		<div class="text-context-box">
			<p>察觉：</p>
			<div class="text-context" id="notice"></div>
		</div>
		<div class="text-context-box">
			<p>感受：</p>
			<div class="text-context" id="feeling"></div>
		</div>
		<div class="text-context-box">
			<p>AI反馈：</p>
			<div class="text-context" id="ai"></div>
		</div>-->
		<div class="text">
			<p>---完成后请在后侧打勾---</p>
			<p>---本小票需要保存到学习记录中---</p>
		</div>
	</div>
	<div class="footer">
		<p>文心一格 · 潜龙觉</p>
		<p>潜意识学习力密训营</p>
	</div>
</div>

<button onclick="print_page()">print</button>
</body>
</html>